@charset "utf-8";
@function p($px){
    @return $px/2+px
    
}
.mobile{
    width: 100%;
    
    header{
        width: 100%;
        .messige{
            width: p(61);
            height: p(56);
            overflow: hidden;
            float: right;
            margin-top: p(45);
            margin-right: p(18);
            img{
                height: 100%;
            }
        }
    }
    section{
        width: 94%;
        margin: 0 auto;
        overflow: hidden;
        .login{
            .touxiang{
                vertical-align: middle;
                width: p(170);
                height: p(170);
                overflow: hidden;
                float: left;
                margin-right: p(24);
                img{
                    width: 100%;
                }
            }
            .denglu{
                a{
                    color: #000;
                vertical-align: middle;
               p:nth-child(1){
                   font-size: p(30);
                   padding-top: p(30);
                   
               }
               }
               p:nth-child(2){
                   font-size: p(26);
                   color: #9d9d9d;
                   margin-top: p(37);
                   
               }
            }
            .pp{
                font-size: p(88);
                float: right;
                vertical-align: middle;
                padding-top: p(57);
            }
            
        }
        .mine{
            margin-top: p(26);
            width: 100%;
            .ofmine{
                width: 100%;
                text-align: center;
                overflow: hidden;
                .dianping{
                    width:27% ;
                    height: p(150);
                    background: #b2e0a0;
                    float: left;
                       
                    .img{
                        width: p(79);
                        height: p(102);
                        overflow: hidden;
                        margin: 0 auto;
                        padding-top: p(18);
                        
                        img{
                            width: 100%;
                            
                        }
                        
                    }
                    p{font-size: p(26);}
                   
                }
                       .quan{
                    width:27% ;
                    height: p(150);
                    background: #e0b7a0;
                    float: left;
                       
                    .img{
                        width: p(124);
                        height: p(81);
                        overflow: hidden;
                        margin: 0 auto;
                        padding-top: p(18);
                        
                        img{
                           height: 100%;
                            
                        }
                        
                    }
                     p{
                         font-size: p(26);
                         margin-top: p(22);
                         }
                   
                }
                       .shoucang{
                    width:27% ;
                    height: p(150);
                    background: #a0dce0;
                    float: left;
                    margin-left: 8%;
                    margin-right: 8%;
                       
                    .img{
                        width: p(79);
                        height: p(102);
                        overflow: hidden;
                        margin: 0 auto;
                        padding-top: p(18);
                        
                        img{
                            width: 100%;
                            
                        }
                        
                    }
                     p{font-size: p(26);}
                   
                }
            }
            .mycommon{
                width: 100%;
                 overflow: hidden;
                 margin-top: p(33);
                 vertical-align: middle;
                     
                    .img{
                        width: p(57);
                        height: p(74);
                        overflow: hidden;
                        float: left;
                        vertical-align: middle;
                        margin-top: 7px;
                        
                        img{
                           width: 100%;
                        }
                    }
                    p{
                        float: left;
                        font-size: p(30);
                        height: P(47);
                        line-height: p(47);
                        margin-left: p(24);
                        margin-top: p(21);
                        vertical-align: middle;
                        
                    }
                    .more{
                        float: right;
                        margin-top: p(24);
                        vertical-align: middle;
                        
                        p{
                            color: #000;
                            float: right;
                            font-size: p(24);
                            margin-top: p(-2);
                            
                             
                        }
                        .img{
                            width:p(25) ;
                            height: p(25);
                            overflow: hidden;
                            float: right;
                            margin-top:p(6);
                            img{
                                width: 100%;
                            }
                        }
                    }
                    
                
                
            }
            .mycommon:nth-child(6){
                margin-top: p(78);
            }
        }
    }
}
